.running-job-list {
  width: 100%
  height: 100%
  .running-job-box {
    width: 100%
    height: 100%
    display: flex
    flex-flow: row wrap
    justify-content: space-between
    overflow: auto
  }
  .job-item {
    // margin-right: 10px
    width: 100%
    // height: calc(50% - 20px)
    margin: 10px
    // width 200px
    // height 200px
    overflow: hidden
    background-color: var(--chat-group-bg)
    color: #fff
    position: relative
    &:hover {
      .icon-box {
        opacity: 1
      }
    }
    .icon-box {
      background: rgba(38, 34, 56, 0.8)
      border-radius: 15px
      padding: 5px 12px
      position: absolute
      top: 10px
      right: 10px
      color: #9F98BA
      font-size: 12px
      cursor: pointer
      opacity: 0
    }
    .job-item-inner {
      position: relative
      height: 100%
      overflow: hidden
      .progress {
        position: absolute
        width: 100%
        height: 100%
        top: 0
        left: 0
        display: flex
        justify-content: center
        align-items: center
        span {
          font-size: 20px
          color: #ffffff
        }
      }
    }
  }
  .gallery-item {
    background-color: var(--chat-group-bg)
    // width: calc(50% - 20px)
    width: 100%
  }
}